.sliderBox {
	height: 100px;
	margin: 0px 0px 0px 0px;
	font: 12px/1.5 "\5fae\8f6f\96c5\9ed1","\534e\6587\7ec6\9ed1",tahoma,arial,"\5b8b\4f53";
  margin-top: 20px;
  margin-left: 20px;
  margin-right: 20px;
}

.sliderBox .axisBox{
	height: 30px;
	margin-right: 20px;
	margin-left: 20px;
	position: relative;
}

.sliderBox .slider {
	width: 38.5px;
	height: 28px;
	position: absolute;
	overflow: hidden;
	top: -1px;
}

.sliderBox .range,
.sliderBox .rangeTop,
.sliderBox .rangeBottom,
.sliderBox .light {
	position: absolute;
	width: 100%;
	height: 3px;
	padding-left: 0px;
	/*background: #dcf2ff;*/
}
.sliderBox .rangeTop{
	border-bottom: solid 2px #FFF;
	border-left: solid 2px #FFF;
	/*border-right: solid 1px #FFF; */
}
.sliderBox .rangeBottom{
	border-top: solid 2px #FFF;
	border-left: solid 2px #FFF;
	/*border-right: solid 1px #FFF; */
	top: 3px; /* 留出坐标线的空间 */
}

.sliderBox .light {
	height: 26px;
	background: #b0e2ff;
	border: solid 1px #00a0ff;
}

.sliderBox .range li,
.sliderBox .light li {
	width: 40px;
	float: left;
	height: 3px;
	text-align: center;
	line-height: 10px;
	color: #999;
	border-right: solid 2px #FFF;
	position: relative;
}
.sliderBox .range li .cu{ font-size:11px; color:#f60;position: absolute; top: -2px;left: 28px;}

.sliderBox .range .last,
.sliderBox .light .last {
	border-right: 0;
}

.sliderBox .light li {
	position: relative;
	border-right: solid 1px #00a0ff;
	color: #00a0ff;
	position: relative;
}

.sliderBox .light li .cu1{ font-size:11px; color:#00a0ff;position: absolute; top: -2px;left: 28px;}

.sliderBox .light s,
.sliderBox .light b {
	position: absolute;
	text-decoration: none;
}

.sliderBox .light s {
	left: 14px;
	-webkit-transition: color 0.3s;
	-moz-transition: color 0.3s;
	-ms-transition: color 0.3s;
	-o-transition: color 0.3s;
	transition: color 0.3s;
}

.sliderBox .light s.fix {
	left: 10px;
	top: 0;
	color: #000;
}

.sliderBox .light b {
	width: 13px;
	height: 7px;
	display: block;
}

.sliderBox .light b.fix {
	left: 20px;
	top: 10px;
	background: url(../images/font-month.png);
}

/*.sliderBox .bar {
	background-color: #b2ed38;
	position: absolute;
	width: 10px;
	padding: 5px 0 5px 0px;
	overflow: hidden;
	outline: none;
	sliderBox-shadow: 0 1px 5px rgba(0,0,0,0.25);
	top: -2px;
	left: 39px;
	border-radius: 10px;
}*/

.sliderBox .bar i {
	float: left;
	display: inline;
	margin: 0 0 0 1px;
	width: 1px;
	height: 6px;
	overflow: hidden;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(), color-stop(0.5, #FFF), to(#FFF));
	background: -webkit-linear-gradient(#FFF, #FFF, #FFF);
	background: -moz-linear-gradient(#FFF, #FFF, #FFF);
	background: -o-linear-gradient(#FFF, #FFF, #FFF);
	background: linear-gradient(#FFF, #FFF, #FFF);
}

.sliderBox .axisLabel {
	color: #FFF;
}
.sliderBox .axisLabel .right{
	float: right;
}
.sliderBox .axisLabel .left{
	float: left;
}
